<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="body">
        <h:form id="form">
        <p:growl id="growl"></p:growl>
        <p:messages showSummary="true" id="msgForm"/>
            <center>
                <p:panel  header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ"> 

                    <p:panel header="CALIFICACIÓN DE DESEMPEÑO"></p:panel>

                    <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                        <h:outputText value="Seleccione el nombre del practicante" />
                        <p:selectOneMenu id="estudianteSelected" 
                                         value="#{fCalificacionDesempeno.estudianteSelected}"
                                         >
                            <f:selectItem itemLabel=" --Seleccione un practicante-- " itemValue=""/>
                            <f:selectItems value="#{fCalificacionDesempeno.convenioXPeriodoXEstudiantes}" var="estudiante" 
                                           itemValue="#{estudiante.estudiante.idEstudiante}" 
                                           itemLabel="#{estudiante.estudiante.nombresEstudiante} #{estudiante.estudiante.apellido1Estudiante} #{estudiante.estudiante.apellido2Estudiante}"/>
                        </p:selectOneMenu>
                    </h:panelGrid>  

                    <p:panel header="En una escala de 0 a 50, califique los siguientes aspectos:">
                        <h:panelGrid columns="3" dir="right">
                            <h:outputText value="Aspecto"/>
                            <h:outputText value="Nota"/>
                            <h:outputText value="Observaciones"/>
                            
                            <h:outputText value="Desempeño del cargo"/>
                            <p:inputMask value="#{fCalificacionDesempeno.calificacionDesempeno.desempenoCargo}" mask="99" size="1" id="idDesempeno" >
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputMask>            
                            <p:inputText value="#{fCalificacionDesempeno.calificacionDesempeno.desempenoCargoObservaciones}" id="idObservacionesDesempeñoCargo"/>

                            <h:outputText value="Cooperación y Trabajo en equipo"/>
                            <p:inputMask value="#{fCalificacionDesempeno.calificacionDesempeno.cooperacionTrabEquipo}"   
                                         mask="99" size="1" id="idCooperacion">
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputMask>
                            <p:inputText value="#{fCalificacionDesempeno.calificacionDesempeno.cooperacionTrabEquipoObservaciones}" id="idObservacionesCooperacionTrabajoEquipo"/>
                            <h:outputText value="Liderazgo e iniciativa"/>
                            <p:inputMask value="#{fCalificacionDesempeno.calificacionDesempeno.liderazgoIniciativa}"   
                                         mask="99" size="1" id="idLiderazgo" >
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputMask>
                            <p:inputText value="#{fCalificacionDesempeno.calificacionDesempeno.liderazgoIniciativaObservaciones}" id="idObservacionesLiderazgoIniciativa"/>
                            
                            <h:outputText value="Comunicación"/>
                            <p:inputMask value="#{fCalificacionDesempeno.calificacionDesempeno.comunicacion}"   
                                         mask="99" size="1" id="idComunicacion" >
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputMask>
                            <p:inputText value="#{fCalificacionDesempeno.calificacionDesempeno.comunicacionObservaciones}" id="idObservacionesComunicacion"/>
                            
                            <h:outputText value="Atención a usuarios"/>
                            <p:inputMask value="#{fCalificacionDesempeno.calificacionDesempeno.atencionUsuarios}"   
                                         mask="99" size="1" id="idAtencion" >
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputMask>
                            <p:inputText value="#{fCalificacionDesempeno.calificacionDesempeno.atencionUsuariosObservaciones}" id="idObservacionesAtencionUsuario"/>
                            
                            <h:outputText value="Calidad en el Trabajo"/>
                            <p:inputMask value="#{fCalificacionDesempeno.calificacionDesempeno.calidadTrabajo}"   
                                         mask="99" size="1" id="idCalidadTrabajo" >
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputMask>
                            <p:inputText value="#{fCalificacionDesempeno.calificacionDesempeno.calidadTrabajoObservaciones}" id="idObservacionesCalidadTrabajo"/>
                            
                            <h:outputText value="Actitud"/>
                            <p:inputMask value="#{fCalificacionDesempeno.calificacionDesempeno.actitud}"   
                                         mask="99" size="1" id="idActitud" >
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputMask>
                            <p:inputText value="#{fCalificacionDesempeno.calificacionDesempeno.actitudObservaciones}" id="idObservacionesActitud"/>
                            
                            <h:outputText value="Puntualidad"/>
                            <p:inputMask value="#{fCalificacionDesempeno.calificacionDesempeno.puntualidad}"   
                                         mask="99" size="1" id="idPuntualidad" >
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputMask>
                            <p:inputText value="#{fCalificacionDesempeno.calificacionDesempeno.puntualidadObervaciones}" id="idObservacionesPuntualidad"/>
                            
                            <h:outputText value="Disciplina"/>
                            <p:inputMask value="#{fCalificacionDesempeno.calificacionDesempeno.disciplina}"   
                                         mask="99" size="1" id="idDisciplina" >
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputMask>
                            <p:inputText value="#{fCalificacionDesempeno.calificacionDesempeno.disciplinaObservaciones}" id="idObservacionesDisciplina"/>
                            
                            <h:outputText value="Compromiso"/>
                            <p:inputMask value="#{fCalificacionDesempeno.calificacionDesempeno.compromisos}"   
                                         mask="99" size="1" id="idCompromiso" >
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputMask>
                            <p:inputText value="#{fCalificacionDesempeno.calificacionDesempeno.compromisosObservaciones}" id="idObservacionesCompromiso"/>
                            
                            <h:outputText value="Cumplimiento"/>
                            <p:inputMask value="#{fCalificacionDesempeno.calificacionDesempeno.cumplimiento}"   
                                         mask="99" size="1" id="idCumplimiento" >
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputMask>
                            <p:inputText value="#{fCalificacionDesempeno.calificacionDesempeno.cumplimientoObservaciones}" id="idObservacionesCumplimiento"/>
                            
                            <h:outputText value="Oportunidad en la entrega" />   
                            <p:inputMask value="#{fCalificacionDesempeno.calificacionDesempeno.oportunidadEntrega}"   
                                         mask="99" size="1" id="idOportunidadEntrega" >
                                <f:validateLongRange minimum="0" maximum="50"/>
                            </p:inputMask>
                            <p:inputText value="#{fCalificacionDesempeno.calificacionDesempeno.oportunidadEntregaObservaciones}" id="idObservacionesOportunidadEntrega"/>
                        </h:panelGrid>
                    </p:panel>


                    <p:panel header="ASPECTOS A DESTACAR" >
                        <h:panelGrid columns="1" cellpadding="5">
                            <p:inputTextarea rows="6" cols="90" value="#{fCalificacionDesempeno.calificacionDesempeno.aspectosDestacar}" id="idAspectosDestacar"/>
                        </h:panelGrid>
                    </p:panel>

                    <p:panel header="ASPECTOS A MEJORAR">
                        <h:panelGrid columns="1" cellpadding="5">
                            <p:inputTextarea rows="6" cols="90" value="#{fCalificacionDesempeno.calificacionDesempeno.aspectosMejorar}" id="idAspectosMejorar" />
                        </h:panelGrid>
                    </p:panel>  
                    <p:panel>
                        <center>

                            <p:commandButton value="Guardar" rendered="#{fCalificacionDesempeno.renderedBotonGuardar}" id="idBotonGuardarCalifDes" update="msgForm"  onclick="confirmGuardar.show()"  />
                            <p:commandButton value="Guardar Edición" rendered="#{fCalificacionDesempeno.renderedBotonEditar}" id="idBotonGuardarEdicionCalifDes" update="msgForm" onclick="confirmGuardarEdicion.show()"/>
                            <p:commandButton value="Cancelar"  />
                            <p:commandButton value="Imprimir o descargar" rendered="#{fCalificacionDesempeno.renderedBotonImprimir}" type="button" icon="ui-icon-print">  
                                <p:printer target="form" />  
                            </p:commandButton>
                        </center>
                    </p:panel>
                </p:panel>
            </center>
            <p:confirmDialog message="¿Desea guardar?" widgetVar="confirmGuardar">
                <p:commandButton value="Si" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"
                                 actionListener="#{fCalificacionDesempeno.DiligenciarFormato}"
                                 oncomplete="confirmGuardar.hide()" update=":form:growl,estudianteSelected,idDesempeno,idObservacionesDesempeñoCargo,idCooperacion,idObservacionesCooperacionTrabajoEquipo,idLiderazgo,idObservacionesLiderazgoIniciativa,idComunicacion,idObservacionesComunicacion,idAtencion,idObservacionesAtencionUsuario,idCalidadTrabajo,idObservacionesCalidadTrabajo,idActitud,idObservacionesActitud,idPuntualidad,idObservacionesPuntualidad,idDisciplina,idObservacionesDisciplina,idCompromiso,idObservacionesCompromiso,idCumplimiento,idObservacionesCumplimiento,idOportunidadEntrega,idObservacionesOportunidadEntrega,idAspectosDestacar,idAspectosMejorar"/>               
                <p:commandButton value="No" onclick="confirmGuardar.hide()" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>
            </p:confirmDialog>
            <p:confirmDialog message="¿Desea guardar La Edición?" widgetVar="confirmGuardarEdicion">
                <p:commandButton value="Si" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"
                                 actionListener="#{fCalificacionDesempeno.EditarFormato}"
                                 oncomplete="confirmGuardarEdicion.hide()" update=":form:growl,estudianteSelected,idDesempeno,idObservacionesDesempeñoCargo,idCooperacion,idObservacionesCooperacionTrabajoEquipo,idLiderazgo,idObservacionesLiderazgoIniciativa,idComunicacion,idObservacionesComunicacion,idAtencion,idObservacionesAtencionUsuario,idCalidadTrabajo,idObservacionesCalidadTrabajo,idActitud,idObservacionesActitud,idPuntualidad,idObservacionesPuntualidad,idDisciplina,idObservacionesDisciplina,idCompromiso,idObservacionesCompromiso,idCumplimiento,idObservacionesCumplimiento,idOportunidadEntrega,idObservacionesOportunidadEntrega,idAspectosDestacar,idAspectosMejorar"/>               
                <p:commandButton value="No" onclick="confirmGuardarEdicion.hide()" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>
            </p:confirmDialog>
        </h:form>
    </ui:define>
</ui:composition>